@import url("../../styles/publicStyle.less");

@sinteBgColor: #EEF5FD; //智能搜索背景颜色

.sintelligent-search-container {
  .widthAndHeight(100%, 100%);
  position: relative;
  background-color: @sinteBgColor;

  &::before {
    content: "";
    .widthAndHeight(100%, 122px);
    position: absolute;
    top: -122px;
    left: 0;
    background-color: @sinteBgColor;
    z-index: 5;
  }

  .search-top-text {
    position: absolute;
    top: 128px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;

    h2 {
      .ListTitle();
      text-align: center;
      font-weight: 600;
      margin-bottom: 54px
    }

    .sinte-search-btn {
      .DetailsText();
      .textGather(654px, 80px, left);
      color: @ContentText;
      text-indent: 1.5em;
      border: 1px solid @MainColor;
      border-radius: 40px;
    }
  }

  .search-bottom-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    .widthAndHeight(100%, 612px);
    .background(url("@{images}/intelligent_search_bg.png"));
  }
}
